@charset "utf-8";
/**
 * name:        众筹页面样式
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

/* 众筹首页样式 */
.crowd_banner{width: 100%;height: auto;margin-bottom: 30px}
.crowd_banner img{width: 100%;}
.crowd_wrap{width: 1190px;height: auto;overflow: hidden;margin: 0 auto 30px;}
.crowd_left{width: 780px;height: auto;float: left;}
.crowd_list{width: 100%;height: auto;}
.crowd_box{width: 740px;height: 260px;padding: 20px;margin-bottom: 20px;overflow: hidden;background: #fff;border-radius: 2px;}
.crowd_box:last-child{margin-bottom: 0;}
.crowd_box_bg{width: 740px;height: 260px;padding: 20px;margin-bottom: 20px;overflow: hidden;border-radius: 2px;background: #fff;line-height: 260px;text-align: center;}
.list_left{width: 331px;height: 260px;overflow: hidden;float: left;}
.list_left img{width: 100%;transition: all 0.2s;}
.crowd_box:hover img{transform: scale(1.1)}
.crowd_box:hover .list_left{box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.list_right{width: 380px;height: 260px;overflow: hidden;float: right;}
.crowd_name{width: 100%;height: 36px;line-height: 36px;font-size: 16px;color: #333;font-weight: bold;}
.crowd_summary{width: 100%;height: 48px;/*max-height: 48px;*/line-height: 24px;font-size: 14px;color: #666;overflow: hidden;}
.crowd_status{width: 100%;height: 38px;line-height: 38px;font-size: 14px;color: #f10215;font-weight: bold;}
.crowd_jd_box{width: 100%;height: 20px;overflow: hidden;position: relative;}
.crowd_jd_bg{width: 100%;height: 10px;border-radius: 5px;background: #e5e5e5;overflow: hidden;position: absolute;top: 0;left: 0;}
.crowd_jd{height: 10px;border-radius: 5px;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(90deg, #f45e6a, #f10215); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(90deg, #f45e6a, #f10215); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #f45e6a, #f10215); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #f45e6a, #f10215); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(241,2,21,.25);}
.crowd_jd_green{background: -o-linear-gradient(90deg, #56edbe, #2fd6a2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(90deg, #56edbe, #2fd6a2); /* Firefox 3.6 - 15 */
    background: linear-gradient(90deg, #56edbe, #2fd6a2); /* 标准的语法 */
    box-shadow: 0 4px 10px rgba(47,214,162,.25);}
.crowd_info{width: 380px;height: 50px;overflow: hidden;margin-top: 10px;}
.crowd_info li{width: 125px;height: 50px;border-right: #e5e5e5 solid 1px;float: left;text-align: center;}
.crowd_info li:last-child{border-right: none;}
.raised_amount, .raise_proportion, .time_remaining{width: 100%;height: 16px;line-break: 16px;font-size: 16px;color: #666;margin-bottom: 18px;}
.crowd_txt{width: 100%;height: 15xp;line-break: 15px;font-size: 12px;color: #a5a5a5;}
.view_crowd{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;color: #f10215;border: #f10215 solid 1px;border-radius: 2px;margin-top: 20px;font-size: 16px;}
.view_crowd:hover{background: #f10215;color: #fff;}
.view_crowded{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;color: #c5c5c5;border: #e5e5e5 solid 1px;border-radius: 2px;margin-top: 20px;font-size: 16px;background: #f2f2f2;}
.crowd_right{width: 380px;height: auto;float: right;}
.crowd_serve{width: 340px;height: auto;padding: 20px;background: #fff;margin-bottom: 20px;display: none;}
.crowd_serve_bg{width: 340px;height: 470px;padding: 20px;margin-bottom: 20px;background: #fff;line-height: 470px;text-align: center;}
.crowd_finish{margin-bottom: 0;}
.crowd_finish_bg{width: 340px;height: 230px;padding: 20px;margin-bottom: 20px;background: #fff;line-height: 230px;text-align: center;}
.crowd_tit{width: 320px;height: 15px;line-height: 15px;font-size: 16px;color: #333;border-left: #f10215 solid 3px;padding-left: 10px;margin-bottom: 15px;}
.crowd_lc{margin-top: 30px;}
.crowd_serve img{width: 100%;}
.crowd_serve p{width: 100%;height: auto;line-height: 24px;font-size: 14px;color: #666;margin-bottom: 10px;}
.crowd_serve p:last-child{margin-bottom: 0;}
    /* 已完成众筹列表 */
.finish_crowd{width: 100%;height: auto;min-height: 200px;}
.finish_crowd_list{width: 340px;height: 177px;margin-bottom: 20px;}
.finish_crowd_list:last-child{margin-bottom: 0;}
.finish_crowd_list a{display: block;position: relative;height: 177px;overflow: hidden;}
.finish_crowd_img{width: 340px;height: 177px;overflow: hidden;position: absolute;top: 0;left: 0;}
.finish_crowd_img img{width: 100%;}
.finish_crowd_txt{width: 100%;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.3);position: absolute;bottom: 0;left: 0;overflow: hidden;}
/* .finish_crowd_list a:hover .finish_crowd_txt{bottom: 0;} */


/* 众筹详情页面样式 */
.crowd_detail_bg{width: 700px;min-height: 500px;padding: 30px 40px 40px;background: #fff;line-height: 500px;text-align: center;}
.crowd_detail{width: 700px;min-height: 500px;padding: 30px 40px 40px;background: #fff;display: none;}
.crowd_detail .item_name{width: 100%;height: 35px;line-height: 35px;font-size: 16px;color: #333;font-weight: bold;margin-bottom: 14px;}
.crowd_detail .item_name>span{display: inline-block;width: 60px;height: 24px;border-radius: 2px;line-height: 24px;text-align: center;font-size: 14px;font-weight: bold;background: #f10215;color: #fff;margin-left: 10px;}
.crowd_detail .detailTitle_box{width: 700px;height: 32px;overflow: hidden;position: relative;margin-bottom: 30px;}
.crowd_detail .detailTitle_box .detail_tit{width: 700px;height: 32px;line-height: 32px;position: absolute;top: 0;left: 0;z-index: 2;}
.crowd_detail .detailTitle_box .detail_tit li{padding: 0 20px;height: 30px;float: left;margin-right: 10px;font-size: 14px;font-weight: bold;border-bottom: #e5e5e5 solid 2px;cursor: pointer;}
.crowd_detail .detailTitle_box .detail_tit li.active{color: #f10215;border-bottom: #f10215 solid 2px;}
.crowd_detail .detailTitle_box .detail_tit li:hover{color: #f10215;border-bottom: #f10215 solid 2px;}
.bt_line{width: 700px;height: 2px;background: #e5e5e5;position: absolute;bottom: 0;left: 0;z-index: 1;}
.crowd_detail .detailTitle_box .detail_tit li>span{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #333;color: #fff;font-size: 12px;border-radius: 10px;margin-left: 5px;font-weight: normal;}
    /* 众筹详情图文详情 */
.detail_wrap{width: 100%;height: auto;overflow: hidden;margin: 0 auto;font-size: 14px;color: #666;}
.detail_wrap.item_detai video{width: 700px;height: 300px;margin-bottom: 20px;display: none;}
.detail_wrap.item_detai img{width: 100%;margin-bottom: 20px;}
.detail_wrap.item_detai p{margin-bottom: 10px;}
    /* 项目话题 */
.detail_wrap.item_topic .topic_list{width: 100%;height: auto;overflow: hidden;}
.detail_wrap .topic_list>li{width: 100%;height: auto;margin-bottom: 20px;border-bottom: #f0f0f0 solid 1px;padding-bottom: 20px;}
.detail_wrap .topic_list>li:last-child{margin-bottom: 0;}
.detail_wrap .topic_list .topic_name{width: 100%;height: auto;line-height: 20px;font-size: 14px;color: #666;}
.detail_wrap .topic_list .top_image{width: 100%;height: auto;overflow: hidden;margin-top: 18px;}
.detail_wrap .topic_list .top_image li{width: 48px;height: 48px;float: left;margin: 0 10px 10px 0;overflow: hidden;cursor: pointer;}
.detail_wrap .topic_list .top_image img{width: 100%;cursor: pointer;}
.detail_wrap .topic_list .topic_time_wrap{width: 100%;height: 35px;line-height: 35px;font-size: 14px;color: #999;}
.detail_wrap .topic_time_wrap span{height: 35px;line-height: 35px;cursor: pointer;}
.detail_wrap .topic_commen{width: 660px;height: auto;padding: 20px;background: #f8f9fb;display: none;}
.detail_wrap .topic_input{width: 100%;margin-bottom: 20px;}
.detail_wrap .topic_info{display: inline-block;width: 514px;height: 48px;line-height: 48px;border: #e2e2e3 solid 1px;border-radius: 2px;padding-left: 10px;}
.detail_wrap .topic_btn{display: inline-block;width: 98px;height: 34px;border: #f10215 solid 1px;border-radius: 2px;font-size: 16px;color: #f10215;text-align: center;line-height: 36px;margin-left: 28px;}
.detail_wrap .topic_commentlist{width: 100%;height: auto;overflow: hidden;border-bottom: #eaeaea solid 1px;}
.detail_wrap .topic_commentlist li{width: 100%;height: auto;overflow: hidden;margin-bottom: 20px;}
.detail_wrap .topic_commentlist .memberAvatar{width: 40px;height: 40px;overflow: hidden;border-radius: 20px;margin-right: 20px;float: left;}
.detail_wrap .topic_commentlist .memberAvatar img{width: 100%;}
.detail_wrap .topic_commentlist .comment_info{width: 500px;height: auto;}
.detail_wrap .comment_info .comment_txt{width: 100%;height: auto;line-height: 20px;font-size: 14px;color: #333;}
.detail_wrap .comment_info .comment_txt span{color: #999;}
.detail_wrap .comment_info .comment_time{width: 100%;height: 20px;font-size: 14px;color: #999;line-height: 20px;}

.detail_wrap .topic_page{height: 20px;line-height: 20px;font-size: 12px;overflow: hidden;margin: 0 auto;padding-top: 10px;}
.detail_wrap .topic_page li{padding: 0 10px;height: 20px;text-align: center;margin-right: 5px;float: left;cursor: pointer;}
.detail_wrap .topic_page li.active{color: #f10215;}
.detail_wrap .topic_page li:hover{color: #f10215;}

    /* 众筹详情项目信息 */
.crowd_server_bg{width: 340px;height: 277px;padding: 20px;background: #fff;margin-bottom: 20px;line-height: 277px;text-align: center;}
.crowd_server{width: 340px;height: auto;padding: 20px;background: #fff;margin-bottom: 20px;display: none;}
.crowd_server .item_name{width: 100%;height: 35px;line-height: 35px;font-size: 16px;color: #333;font-weight: bold;margin-bottom: 14px;overflow: hidden;}
.crowd_server .raised_txt{width: 100%;height: 20px;line-height: 20px;font-size: 16px;color: #666;}
.crowd_server .raised_price{height: 40px;width: 100%;overflow: hidden;margin-bottom: 10px;color: #333;}
.crowd_server .raised_price span:nth-child(1){font-size: 24px;}
.crowd_server .raised_price span:nth-child(2){font-size: 36px;}
.crowd_server .raised_jd{font-size: 14px;color: #f10215;margin-bottom: 5px;height: 19px;}
.crowd_server  .raise_timeRemaining, 
.crowd_server .raise_expectedAmount{font-size: 14px;color: #333;}
.crowd_server  .raise_timeRemaining>span, 
.crowd_server .raise_expectedAmount>span{color: #666;}
.crowd_server  .raise_timeRemaining{margin-bottom: 5px;}
.crowd_server .raise_btn{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.crowd_server .raise_btn .item_collect{display: block;width: 158px;height: 36px;line-height: 36px;text-align: center;color: #fff;border-radius: 2px;font-size: 16px;background: #2fd6a2;float: left;}

/* .crowd_server .raise_btn .item_share{background: #f10215;float: right;} */
.crowd_server .raise_btn .share_btn{display: block;width: 150px;height: 36px;float: right;overflow: hidden;position: relative;}

.crowd_server .share_btn .item_share{display: block;width: 158px;height: 36px;line-height: 36px;text-align: center;color: #fff;border-radius: 2px;font-size: 16px;background: #f10215;position: absolute;top: 0;left: 0;}
    /* 众筹详情档位列表 */
.item_list{width: 100%;height: auto;overflow: hidden;}
.item_list>li{width: 340px;height: 235px;padding: 20px;background: #fff;margin-bottom: 20px;}
.item_list>li:last-child{margin-bottom: 0;}
.item_list .item_list_top{width: 100%;height: 34px;border-bottom: #e5e5e5 solid 1px;overflow: hidden;margin-bottom: 16px;}
.item_list .item_list_top>span{display: inline-block;width: 48%;height: 16px;line-height: 16px;}
.item_list .item_list_top .item_price{font-size: 16px;color: #333;text-align: left;}
.item_list .item_list_top .item_support{font-size: 12px;color: #999;text-align: right;}
.item_list .item_name{width: 100%;height: 50px;line-height: 25px;overflow: hidden;font-size: 14px;color: #666;margin-bottom: 10px;}
.item_list .item_info{width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #666;}
.item_list  .return_time>span{color: #f10215;}
.item_list .item_storage{margin-bottom: 15px;color: #333;font-weight: bold;}
.item_list .item_storage>span{display: inline-block;padding:  0 10px;height: 14px;line-height: 14px;}
.item_list .item_storage>span:first-child{padding-left: 0;border-right: #333 solid 1px;}
.item_list .item_btm{width: 100%;height: 40px;overflow: hidden;}
.item_list .item_btm .item_num{display: block;width: 78px;height: 38px;line-height: 38px;border: rgba(204,204,205,.5) solid 1px;overflow: hidden;float: left;}
.item_list .item_num .num_minus{display: block;width: 19px;height: 38px;border-right:  rgba(204,204,205,.5) solid 1px;background: #f2f2f2;cursor: pointer;float: left;text-align: center;}
.item_list .item_num .num_add{display: block;width: 19px;height: 38px;border-left:  rgba(204,204,205,.5) solid 1px;background: #f2f2f2;cursor: pointer;float: left;text-align: center;}
.item_list .item_num .goods_num{display: block;width: 38px;height: 38px;background: #fff;float: left;border: none;text-align: center;} 
.item_list .item_btm .limit_num{display: block;width: 85px;height: 40px;line-height: 40px;padding-left: 10px;float: left;font-size: 14px;color: #999;}
.item_list .item_btm .support_btn{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;border: #f10215 solid 1px;border-radius: 2px;color: #f10215;font-size: 16px;float: left;/*transition: all 0.8s;*/}
.item_list .item_btm .support_btn:hover{background: #f10215;color: #fff;}
.item_list .item_btm .support_btn_01{display: block;width: 100px;height: 36px;line-height: 36px;text-align: center;border: #e5e5e5 solid 1px;border-radius: 2px;color: #c5c5c5;font-size: 16px;float: left;/*transition: all 0.8s;*/cursor: default;background: #f2f2f2;}


/* 分享 */
.bdsharebuttonbox{width: 130px;background: #fff;float: right;padding: 0 10px;display: none;position: absolute;top: 0;left: 0;}
/* 众筹详情图片弹窗 */
.pic_pop_bg{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 556;top: 0;left: 0;display: none;}
.pic_img{width: 700px;height: auto;background: #fff;position: fixed;z-index: 557;top: 250px;left: 50%;margin-left: -350px;overflow: hidden;display: none;}
.pic_img img{display: block;width: 100%;}